.qb{
    width: 1600px;
}
header{
    width: 1100px;
    height: 85px;
}

.logo1{
    width: 210px;
    height: 24px;
    margin: 42px 0 0 0;
}
.logo2{
    margin: 20px 0;
}
.dh{
    margin: 2px 0 0 0;
}
.z1{
    width: 43px;
    height: 24px;
    font-size: 10px;
    margin: 0 0 0 7px;
}
.z2{
    font-size: 24px;
    margin: -4px 0 0 0;
}
/*nav{*/
    /*width: 1600px;*/
    /*height: 41px;*/
    /*background: #451719;*/
/*}*/
/*.dhl>ul{*/
    /*width: 1100px;*/
    /*color:#fff;*/
    /*font-size: 12px;*/
    /*display:flex;*/
/*}*/
/*.dhl>ul>li{*/
    /*margin-top: 15px;*/

/*}*/
.sou{
    width: 1600px;
    height: 60px;
    background:#f6f6f6;
    border:solid 1px #e6e6e6;
}



.banner{
    /*z-index: -1;*/
    width:1600px;
    min-width: 1100px;
    height: 400px;
    position: relative;  /* 相对定位*/
}
.bannerUl,
.bannerUl>li,
.bannerUl>li>a{
    width: 1600px;
    height: 470px;
}

.bannerUl>li>a{

    display:block ;   /* 转为块元素 ，方便设置宽高*/

}
.bannerUl>li{
    z-index: -1;
    position: absolute;  /* 绝对定位*/
    display: none;
}
.bannerUl>.show{
    display: block;
    animation: showAni 0.5s both;
}

@keyframes showAni {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}


.bannerBtn{
    width: 36px;
    height: 38px;
    position: absolute; /* 绝对定位*/
    top:50%;
    margin-top: -42px;
    background: #000;
    opacity: 0;
}
.banner:hover .bannerBtn{
    opacity: 0.3;
}
.banner .bannerBtn:hover{
    opacity: 0.8;
}
.bannerLeft{
    left: 195px;
}
.bannerRight{
    right:195px;
}

.controls{
    position: absolute;
    bottom:30px;
    text-align: center;
    width:100%;
}
.controls>span{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 20px;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
    opacity: 0.5;
}
.controls>.on{
    opacity: 1;
    background: #FFCC00;
    width: 40px;
}





.sou1{
    width: 1100px;

}
.sou2{
    width: 405px;
    height: 35px;
    background: #f8f8f8;
    border:solid 1px #e6e6e6;
    border-radius:6px;
    margin: 12px 0 0 20px;
}
.sou2>input{
    background: #f8f8f8;
    font-size: 12px;
    width:260px;
    height:20px;
    margin:9px 10px;
    border:0;
    outline:0;
}
.sou3{
    margin: 5px 10px 0 0;
}
.xian{
    margin: 0 0 0 75px;
}
.sou4{
    width: 550px;
    height: 60px;
}
.sou4>ul{
    display:flex;
    font-size: 12px;
    margin: 20px 0 0 0;
}
.m{
    width: 1100px;
}
.m3{
    width: 1100px;
    height: 200px;
    background: #2e2e36;
    border-radius:10px;
    margin: 25px 0 0 0;
}
.m2{
    padding-top: 5px;
    padding-left: 5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.m2 li{
    width: 360px;
    height: 190px;
    margin-bottom: 20px;
}
.m2 li figure{
    width: 360px;
    height: 190px;
    overflow: hidden;
    position: relative;
}
.m2 li  img{
    transition:all 0.2s;
}
.m2 li:hover img{
    transform:scale(1.2,1.2) rotateZ(8deg);
}
.m2 li:hover figure::after{
    left:350px;
}



.m2_1{
    border-radius:10px 0 0 10px;
}
.m2_3{
    border-radius:0 10px 10px 0;
}
.wmdcp{
    width: 1100px;
}
.wmdcp1{
    width: 590px;
    height: 44px;
    margin: 35px 0 0 250px;
}
.cp1{
     width: 235px;
     border-bottom:1px solid #cccccc;
    padding-top: 20px;
 }
.cp4{
     width: 235px;
     border-bottom:1px solid #cccccc;
     padding-top: 20px;
 }
.cp2{
    position:absolute;
    margin: 0 0 0 240px;
    font-size: 22px;
    color:#512023;
}
.cp3{
    position:absolute;
    margin: 25px 0 0 240px;
}








/*.cptp{*/
    /*width: 1100px;*/
    /*height: 150px;*/
/*}*/
/*.cptp1{*/
    /*width: 1100px;*/
    /*height: 150px;*/
    /*margin: 40px 0 0 0;*/
/*}*/
/*.cptp1>ul{*/
    /*width: 950px;*/
    /*height: 150px;*/
    /*display:flex;*/
/*}*/
/*.cptp1>ul>li{*/
    /*width: 950px;*/
    /*height: 150px;*/
    /*display:flex;*/
/*}*/
/*.cptp2{*/
     /*margin: 0 0 0 25px;*/
 /*}*/
/*.cptp_1{*/
    /*margin: 40px 0 0 15px;*/
/*}*/
/*.cptp_2{*/
    /*margin: 40px 0 0 15px;*/
/*}*/
/*.cptp2>li img{*/
    /*box-shadow: 0 10px 10px #888888;*/
/*}*/
.bz{
    width: 1100px;
}
.bz1{
    width: 586px;
    height: 36px;
    margin: 70px 0 0 250px;
}
.bz_1{
    width: 145px;
    border-bottom:1px solid #cccccc;
    padding-top: 20px;
}
.bz_4{
    width: 145px;
    border-bottom:1px solid #cccccc;
    padding-top: 20px;
}
.bz_2{
    position:absolute;
    margin: 0 0 0 190px;
    font-size: 22px;
    color:#512023;
}
.bz_3{
    position:absolute;
    margin: 25px 0 0 150px;
}
.bz2{
    margin: 55px 0 0 0;
}
.bz3{
    width: 1100px;
    height: 229px;
    z-index: 20;
}
.bz3>ul{
    width: 951px;
    display:flex;
    margin: 0 0 0 40px;
}
.bz3>img{
    margin: 123px 0 0 0;
}

.zb{
    width: 1600px;
}
.bz4{
    width: 208px;
    height: 106px;
    position:absolute;
    margin: 100px 0 0 15px;
}
.bz_9{
    margin: 0 0 10px 75px;
}
.bz_10{
    font-size: 12px;
}
.zc{
    width: 1600px;
    height: 400px;
    background:url("../images/zc_27.png") no-repeat center;
    margin: 50px 0 0 0;
}
.zc1{
    width: 1100px;
}
.zc3{
    font-size: 26px;
    color: #451719;
    margin: 25px 0 0 381px;
}
.zc2{
    width: 1100px;
    height: 200px;
    background: #451719;
    font-size: 12px;
    color: #fff;
    opacity: 0.4;
    line-height:190%;
    margin: 22px 0 0 0;
}
.zc_1{
    width: 1068px;
    height: 65px;
    margin: 22px 0 0 15px;
}
.zc_2, .zc_3,.zc_4,.zc_5{
    margin: 0 0 0 35px;
}
.zc7{
    width: 328px;
    height: 80px;
    color: #451719;
    margin: 28px 0 0 380px;
    line-height:190%;
}
.cph{
    position:absolute;
    margin: 0 0 0 250px;
    font-size: 22px;
    color:#512023;
}
.mmzs{
    width: 1100px;
    height: 354px;
}
.zs{
    width: 650px;
    height: 350px;
    border:1px solid #cccccc;
    margin: 30px 0 0 0;

}
.zs:hover{
    opacity: 0.5;
}
.zs1{
    margin: 5px 5px;
}
.zs2{
    width: 440px;
    height: 354px;
    margin: 30px 0 0 0;
}
.zs2>ul>li{
    display: inline-block;
}
.zs2>ul>li:hover{
    opacity: 0.5;
}
.zs_1,.zs_2,.zs_3{
    margin:0 0 0 5px ;
}
.cp5,.cp6{
    width: 205px;
    border-bottom:1px solid #cccccc;
    padding-top: 20px;
}
.cp7{
    position:absolute;
    margin: 25px 0 0 210px;
}
.dtzx{
    width: 1100px;
    height: 197px;
}

.zx{
    width: 263px;
    height: 190px;
    margin: 40px 0 0 0;
}
.zx_1{
    width: 263px;
    height: 101px;
    border:1px solid #cccccc;
}
.zx_1:hover{
    opacity: 0.5;
}
.zx_1 img{
    margin: 5px 6px;
}
.zx_2{
    width: 254px;
    height: 54px;
    font-size: 12px;
    line-height:150%;
    margin: 5px 0 0 6px;
    color: #666666;
}
.zx_3{
    margin: 10px 0 0 0;
}
.zx_4{
    margin: 0 0 0 6px;
    color:#512023;
}
.wmdcp2{
    width: 590px;
    height: 44px;
    margin: 65px 0 0 250px;
}
.zx1{
    width: 263px;
    height: 190px;
    margin: 40px 16px 0 16px;
}
.jt{
    width: 1100px;

}

.jt1{
    margin:20px 0 0 510px;
}
.jt2{
    margin:20px 0 0 -5px;
}
.zh{
    width: 1600px;
    height: 237px;
    background: #4b2223;
    margin: 58px 0 0 0;
}
.zh1{
    width: 1100px;
}
.zh_1{
    margin: 23px 0 17px 0;
}
.zh_2{
    width: 1100px;
    border-bottom:1px solid #5d3637;
}
.zh_3{
    width: 1100px;
    border-bottom:1px solid #350e0f;
}
.zh2{
    width: 1040px;
    height: 110px;
    padding-top: 32px;
}
.zh3{
    font-size: 12px;
    color: #d8b6b7;
    line-height:220%;
    margin: 0 27px 0 0;
}
.zh4{
    height: 50px;
    background: #451818;
}
.zh5{
    width: 1100px;
}
.zh6{
    width: 1045px;
    font-size: 12px;
    display:flex;
    color: #d8b6b7;
}
.zh6>li{
    margin: 15px 55px 0 0;
}



.mainNav{
    height: 50px;
    background: #451719;
}
.section{
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

.navSec{
    height: 50px;
    /*z-index: 100;*/
}

.navUl>li{
    float: left;
    line-height: 50px;
    position: relative;  /* 相对定位  por*/
    perspective: 500px;  /* 透视 ，容器，把内部变成透视空间*/
    transform-style: preserve-3d;  /* 伪3D，把内部变成 3D 空间*/
    font-size: 12px;
    z-index: 10;
}
.navUl>li>a{
    color: #fff;
    display: block; /* display:inline-block; */
    padding-left: 30px;
    padding-right: 30px;
    transition: all 0.2s;  /* 过渡动画 */
}
.navUl>li>a:hover,
.navUl>li:hover>a{
    background: #e6c88f;
    color: #451719;
}

.submenu{
    /*z-index:999;*/
    position: absolute;  /* 绝对定位 ， poa */
    top: 50px;
    left:50% ;
    margin-left: -60px;
    width: 120px;
    height: 200px;
    display: none;  /* dn 隐藏，页面不会渲染它*/
}
.submenu a{
    color: #451719;
    display: block;
    text-align: center;
    transition: all 0.2s;  /* 过渡动画 */
}
.submenu a:hover{
    background: #451719;
    color: #fff;
}
.submenu>li{
    z-index:999;
    background: #e6c88f;

}
.submenu.on{
    display: block;
}
.submenu.on li:nth-child(1){
    animation: subAni 0.5s  both;
}
.submenu.on li:nth-child(2){
    animation: subAni 0.5s  0.1s both;
}
.submenu.on li:nth-child(3){
    animation: subAni 0.5s  0.2s  both;
}
.submenu.on li:nth-child(4){
    animation: subAni 0.5s  0.3s  both;
}
.submenu.on li:nth-child(5){
    animation: subAni 0.5s  0.4s  both;
}
@keyframes subAni {
    0%{
        transform: rotateY(180deg);  /* degree 度*/
        top:90px;
        opacity: 0;   /* 看不见，透明了 */
    }

    100%{
        transform: rotateY(0deg);  /* degree 度*/
        top:50px;
        opacity: 1;   /* 看得见 */
    }
}




.bodySec{
    height: 200px;
    background: #ccc;
}



.control-box {
    width: 1100px;
    height: 150px;
    margin: 40px 0 0 0;
}
.control-box>ul {
    list-style: none;
    position: relative;
}
.control-box>ul>li {
    position: absolute;
    top: 50px;
    cursor: pointer;
}
.prev {
    left: 0;
}
.next {
    right: 0;
}
.bigbox {
    overflow: hidden;
    width: 950px;
    height: 150px;
    margin: auto 70px auto;
}
#switcher {
    height: 150px;
    left: 0;
}
.content_1.content_2 {
    width: 100%;
    float: left;
}
.box {
    transition:all .7s ease 0s;
    width: 221px;
    height: 150px;
    float: left;
}
.box:hover {
    opacity:0.5;
}
.zj{
    width: 1100px;
}


.control-box1 {
    width: 1100px;
    height: 229px;
    margin: 40px 0 0 0;
}
.control-box1>ul {
    list-style: none;
    position: relative;
}
.control-box1>ul>li {
    position: absolute;
    top: 50px;
    cursor: pointer;
    margin-top: 50px;
}
.prev1 {
    left: 0;
}
.next1 {
    right: 0;
}
.bigbox1 {
    overflow: hidden;
    width: 950px;
    height: 229px;
    margin: auto 70px auto;
}
#switcher1 {
    height: 229px;
    left: 0;
}
.content_11.content_21 {
    width: 100%;
    float: left;
}
.box1 {
    transition:all .7s ease 0s;
    width: 221px;
    height:229px;
    float: left;
}